<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
=
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 引入 jQuery-File-Upload -->
<script
	src="https://cdn.bootcss.com/blueimp-file-upload/9.21.0/js/vendor/jquery.ui.widget.js"></script>
<script
	src="https://cdn.bootcss.com/blueimp-file-upload/9.21.0/js/jquery.iframe-transport.js"></script>
<script
	src="https://cdn.bootcss.com/blueimp-file-upload/9.20.0/js/jquery.fileupload.js"></script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- bootstrap just to have good looking page -->
<link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">

<!-- we code these -->
<link href="${pageContext.request.contextPath}/css/dropzone.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/myuploadfunction.js"></script>
</head>

<body>
	<h1>Spring MVC - jQuery File Upload</h1>
	<div style="width: 500px; padding: 20px">

		<input id="" type="file" name="files[]"
			data-url="files/upload" multiple>

		<div id="dropzone" class="fade well">Drop files here</div>

		<div id="progress">
			<div style="width: 0%;"></div>
		</div>

		<table id="uploaded-files">
			<tr>
				<th>File Name</th>
				<th>File Size</th>
				<th>File Type</th>
				<th>Download</th>
			</tr>
		</table>

	</div>
</body>
</html>
